<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ include file="../publics/jstl.jsp" %>
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <link href="${ctx}/resource/static/css/common.css" rel="stylesheet">
  <title>车辆列表</title>
  <script>
    var jsCtx = '${ctx}';
  </script>
</head>
<body class="car">

  <!-- 选择字段 -->
  <input id="startCityId" value="${startCityId}" type="hidden" />
  <input id="startCityName" value="${startCityName}" type="hidden" />
  <input id="startShopId" value="${startShopId}" type="hidden" />
  <input id="startShopName" value="${startShopName}" type="hidden" />
  <input id="startDate" value="${startDate}" type="hidden" />
  <input id="endCityId" value="${endCityId}" type="hidden" />
  <input id="endCityName" value="${endCityName}" type="hidden" />
  <input id="endShopId" value="${endShopId}" type="hidden" />
  <input id="endShopName" value="${endShopName}" type="hidden" />
  <input id="endDate" value="${endDate}" type="hidden" />
  <input id="days" value="${days}" type="hidden" />
  <!-- 选择字段 -->

  <div class="car-lst">
    <c:forEach items="${carList}" var="car">
    <c:if test="${car.carNum < 1}">
    <div class="mask"></div>
    </c:if>
    <div class="car-item flex" data-id="${car.id}" data-name="${car.name}" data-type="${car.description}" data-viewurl="${car.viewUrl}" data-cover="${baseFileUrl}${car.picUrl}"
         data-price='[<c:forEach items="${car.prices}" var="price" varStatus="status">${status.first ? "" : ","}{"title": "${price.priceDesc}", "price": ${price.price}, "disabled": false}</c:forEach>]'>
      <div class="car-item-cover flex-none">
        <img src="${baseFileUrl}${car.picUrl}">
      </div>
      <div class="car-item-hd flex-auto">
        <div class="car-item-name"><a href="${car.viewUrl}">${car.name}</a></div>
        <div class="car-item-type">${car.description}</div>
      </div>
      <div class="car-item-info flex-none">
        <div class="car-item-aver">日均价</div>
        <div class="car-item-price">最低￥<span>${car.prices[0].topVipRate != null ? (car.prices[0].topVipRate * car.prices[0].price) : car.prices[0].price}</span>起</div>
      </div>
      <div class="car-item-arrow flex-none iconfont icon-gengduo"></div>
    </div>
    </c:forEach>
  </div>
  <div class="pop pop-close">
    <div class="pop-inner">
      <div class="pop-hd">请选择优惠价格</div>
      <div class="pop-content">
          <div class="car-selected">
            <div class="car-item flex">
              <div class="car-item-cover flex-none">
                <img src="${ctx}/resource/static/images/havel.png">
              </div>
              <div class="car-item-hd flex-auto">
                <div class="car-item-name">别克凯越</div>
                <div class="car-item-type">自动1.6L|三厢|5座|</div>
              </div>
            </div>
            <div class="price-option flex">
                <div class="price-option-type flex-auto">门店到付价</div>
                <div class="price-option-val text-right flex-auto">￥<span>78</span>/日均</div>
                <div class="price-option-arrow flex-none iconfont icon-gengduo"></div>
            </div>
            <div class="price-option disabled flex">
                <div class="price-option-type flex-auto">门店到付价</div>
                <div class="price-option-val text-right flex-auto">￥<span>78</span>/日均</div>
                <div class="price-option-arrow flex-none iconfont visible-hide icon-gengduo"></div>
            </div>
          </div>
      </div>
    </div>
  </div>
  <script src="${ctx}/resource/static/js/jquery.min.js"></script>
  <script src="${ctx}/resource/static/js/fastclick.js"></script>
  <script src="${ctx}/resource/static/js/user.js?v=5"></script>
</body>
</html>